extends layout

block headJs
    != js("views/eggTimerView")
block contents
    #eggTimerPage
        #eggWrapper
            div
                img#eggImage(src="/images/eggWhite.svg", title="Click to select the egg(s) size: medium, large or extra large")
                img#eggImageIn(src="/images/eggIn.svg", title="Egg(s) getting ready...")

        #eggSquidgy.yolk(title="Click if you prefer it deliciously squidgy.") soft
        #eggFirm.yolk(title="Click if you prefer it traditionally firm.") firm
        #eggDescription.eggDescription
        #eggCountdown.eggDescription

        button#butSubmit(title="Create and start the countdown!!!") Start!

        // A sound will play when egg timer ends.
        audio#sound
            source(src="/sounds/bell.mp3", type="audio/mpeg")
            source(src="/sounds/bell.ogg", type="audio/ogg")

    if device != "desktop"
        #eggSizeTip Tap on egg to change its size!